<template>
  <div class="app-container">
    <div data-v-a0bcf9e2="" class="content-banner"><div data-v-a0bcf9e2="" class="content-data"><div data-v-a0bcf9e2="" style="position: absolute; left: 36%; top: -1%; width: 47px; height: 47px; background: rgb(67, 220, 205); border: 1px solid rgb(12, 111, 112); border-radius: 50%; font-size: 21px; font-family: &quot;Microsoft YaHei&quot;; font-weight: bold; color: rgb(0, 0, 0); text-align: center; line-height: 47px;"> 1#
    </div><div data-v-a0bcf9e2="" class="left"><div data-v-a0bcf9e2="" style="margin-top: 70px;"><div data-v-a0bcf9e2="" style="display: flex;"><div data-v-a0bcf9e2="" class="electric">
      频率
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        1
      </div>
      HZ
    </div><div data-v-a0bcf9e2="" class="electric" style="margin-left: 25px;">
      电流
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        2
      </div>
      A
    </div></div><div data-v-a0bcf9e2="" style="margin-top: 26%; margin-left: 0%;"><div data-v-a0bcf9e2="" class="electric">
      水泵口压力
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        1
      </div>
      Mpa
    </div></div></div></div><div data-v-a0bcf9e2="" class="middle"><div data-v-a0bcf9e2="" style="margin-left: 125px; margin-top: 75px;"><div data-v-a0bcf9e2="" class="electric">
      进口压力
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        1
      </div>
      Mpa
    </div></div><div data-v-a0bcf9e2="" style="margin-top: 250px; margin-left: 130px;"><div data-v-a0bcf9e2="" class="electric">
      出口压力
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        1
      </div>
      Mpa
    </div></div></div><div data-v-a0bcf9e2="" class="right" style="padding-left: 2%; padding-top: 38%;"><div data-v-a0bcf9e2="" class="electric" style="margin-bottom: 5px; margin-left: 10px;">
      累计流量
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        1
      </div>
      M³
    </div><div data-v-a0bcf9e2="" class="electric">
      瞬时流量
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        1
      </div>
      M³/H
    </div></div></div><div data-v-a0bcf9e2="" class="content-data"><div data-v-a0bcf9e2="" style="position: absolute; left: 36%; top: -1%; width: 47px; height: 47px; background: rgb(67, 220, 205); border: 1px solid rgb(12, 111, 112); border-radius: 50%; font-size: 21px; font-family: &quot;Microsoft YaHei&quot;; font-weight: bold; color: rgb(0, 0, 0); text-align: center; line-height: 47px;"> 1#
    </div><div data-v-a0bcf9e2="" class="left"><div data-v-a0bcf9e2="" style="margin-top: 70px;"><div data-v-a0bcf9e2="" style="display: flex;"><div data-v-a0bcf9e2="" class="electric">
      频率
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        1
      </div>
      HZ
    </div><div data-v-a0bcf9e2="" class="electric" style="margin-left: 25px;">
      电流
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        2
      </div>
      A
    </div></div><div data-v-a0bcf9e2="" style="margin-top: 26%; margin-left: 0%;"><div data-v-a0bcf9e2="" class="electric">
      水泵口压力
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        1
      </div>
      Mpa
    </div></div></div></div><div data-v-a0bcf9e2="" class="middle"><div data-v-a0bcf9e2="" style="margin-left: 110px; margin-top: 55px;"><div data-v-a0bcf9e2="" class="electric">
      进口压力
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        1
      </div>
      Mpa
    </div></div><div data-v-a0bcf9e2="" style="margin-top: 175px; margin-left: 130px;"><div data-v-a0bcf9e2="" class="electric">
      出口压力
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        1
      </div>
      Mpa
    </div></div></div><div data-v-a0bcf9e2="" class="right" style="padding-left: 2%; padding-top: 28%;"><div data-v-a0bcf9e2="" class="electric" style="margin-bottom: 5px; margin-left: 10px;">
      累计流量
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        1
      </div>
      M³
    </div><div data-v-a0bcf9e2="" class="electric">
      瞬时流量
      <div data-v-a0bcf9e2="" class="electric-box" style="background: rgb(200, 232, 254); border: 1px solid rgb(122, 132, 144); font-weight: bold; color: rgb(0, 0, 0);">
        1
      </div>
      M³/H
    </div></div></div></div>
  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
.content-banner[data-v-a0bcf9e2] {
    margin-top: 90px;
    width: 100%;
    height: 750px;
    background: url(http://api.zesi.com.cn/storage/pumpbg.png) no-repeat;
    background-position: 50%;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10%;
    box-sizing: border-box;
}
.content-data[data-v-a0bcf9e2] {
    width: 270px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
</style>
